开发实例：Spring Boot、MyBatis和Layui打造增删改查项目

您所在的位置：网站首页 › springboot layui增删改查 › 开发实例：Spring Boot、MyBatis和Layui打造增删改查项目

开发实例：Spring Boot、MyBatis和Layui打造增删改查项目

2024-04-25 20:52| 来源: 网络整理| 查看: 265

目录导航 1. 技术栈介绍1.1 Springboot1.2 MyBatis1.3 Layui 2. 开发环境2.1 前端示例代码2.2 后端示例代码2.3 数据库建表语句 3. 项目截图4. 运行截图4.1 查询界面4.2 新增界面4.3 修改界面4.4 删除界面 5. 小结6. 完整代码下载

通过学习这个实例项目，我们将积累点滴技术知识和实践经验，进一步提升我们的开发能力。学习如何构建增删改查功能的完整应用，从数据库访问到前端界面的开发，涵盖了全栈开发的方方面面。此外，我们还将学会处理常见的业务逻辑和数据操作，提高编码质量和效率。通过实践，我们能够加深对软件开发流程和最佳实践的理解，培养解决问题和调试的能力。这些宝贵的经验将使我们更加自信地应对实际项目中的挑战，并在职业生涯中取得更大的成功。

1. 技术栈介绍 1.1 Springboot

Spring Boot（Spring引导）： Spring Boot是一个简化Java应用程序开发的框架，特别是Web应用程序开发。它通过约定优于配置的方式，提供了构建独立的、生产级应用程序的简化方法。Spring Boot通过提供合理的默认设置和自动配置各种组件，消除了手动配置的需求，使开发人员更加专注于应用程序逻辑。

1.2 MyBatis

MyBatis（MyBatis）： MyBatis是一种持久化框架，它提供了一种通过SQL查询与关系型数据库进行交互，并将结果映射到Java对象的方式。它简化了数据库访问层，减少了样板代码，并允许开发人员直接编写SQL查询。MyBatis支持各种数据库供应商，并提供了动态SQL、对象映射和事务管理等功能。

1.3 Layui

Layui（layui）： Layui是一个流行的JavaScript库，用于构建Web界面。它提供了一套全面的UI组件和模块，包括网格布局、表单元素、弹出层等。Layui具有简洁易用的特点，可以快速构建出美观、交互友好的前端界面。

2. 开发环境类型内容开发语言Java框架Spring Boot前端LayuiJDK版本JDK1.8数据库MySQL 5.7数据库工具Navicat15开发软件IntelliJ IDEAMaven包Maven3.6.1浏览器谷歌浏览器 2.1 前端示例代码

首页index.html代码：

DOCTYPE html> 增删改查项目实例.layui-form-label.layui-required:after{content:'*';color:red;font-weight: bold;position: absolute;top:5px;left:15px;}.frm {margin-top: 20px;}.div-hide {display: none;} ;;查询添加修改删除编号姓名年龄性别 2.2 后端示例代码 package cn.lj.yy.controller;import cn.lj.yy.model.Person; import cn.lj.yy.service.PersonService; import com.alibaba.fastjson.JSONObject; import com.github.pagehelper.Page; import com.github.pagehelper.PageHelper; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpServletRequest; import java.util.HashMap; import java.util.Map;@RestController @RequestMapping(value = "Person") public class PersonController {@Autowiredprivate PersonService personService;@RequestMapping(value = "getAllPersonList", method = RequestMethod.GET, produces = "application/json;charset=UTF-8")public String getAllPersonList(HttpServletRequest request) {int pageSize = Integer.parseInt(request.getParameter("limit"));int pageNumber = Integer.parseInt(request.getParameter("page"));PageHelper.startPage(pageNumber, pageSize);String _id = request.getParameter("id");int id = 0;if (_id != null && !"".equals(_id)) {id = Integer.parseInt(_id);}String name = request.getParameter("name");Map params = new HashMap();params.put("id", id);params.put("name", name);Page data = personService.getAllPersonByPage(params);JSONObject jsonObject = new JSONObject();jsonObject.put("code", 0);jsonObject.put("count", data.getTotal());jsonObject.put("data", data);return jsonObject.toJSONString();}@RequestMapping(value = "addPerson", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")public String addPerson(Person person) {JSONObject jsonObject = new JSONObject();if (personService.addPerson(person)) {jsonObject.put("success", true);jsonObject.put("message", "添加人员信息成功");} else {jsonObject.put("success", false);jsonObject.put("message", "添加人员信息失败");}return jsonObject.toJSONString();}@RequestMapping(value = "updatePerson", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")public String updatePerson(Person person) {JSONObject jsonObject = new JSONObject();if (personService.updatePerson(person)) {jsonObject.put("success", true);jsonObject.put("message", "修改人员信息成功");} else {jsonObject.put("success", false);jsonObject.put("message", "修改人员信息失败");}return jsonObject.toJSONString();}@RequestMapping(value = "deletePerson", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")public String deletePerson(int id) {JSONObject jsonObject = new JSONObject();if (personService.deletePerson(id)) {jsonObject.put("success", true);jsonObject.put("message", "删除人员信息成功");} else {jsonObject.put("success", false);jsonObject.put("message", "删除人员信息失败");}return jsonObject.toJSONString();} } 2.3 数据库建表语句

建表语句：

/*Navicat Premium Data TransferSource Server : localhostSource Server Type : MySQLSource Server Version : 50734Source Host : localhost:3306Source Schema : yy2Target Server Type : MySQLTarget Server Version : 50734File Encoding : 65001Date: 24/05/2023 21:52:51 */SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0;-- ---------------------------- -- Table structure for person -- ---------------------------- DROP TABLE IF EXISTS `person`; CREATE TABLE `person` (`id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,`name` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`age` int(11) NULL DEFAULT NULL,`sex` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,PRIMARY KEY (`id`) USING BTREE ) ENGINE = InnoDB AUTO_INCREMENT = 8 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = COMPACT;-- ---------------------------- -- Records of person -- ---------------------------- INSERT INTO `person` VALUES (1, '学生1', 18, '男'); INSERT INTO `person` VALUES (2, '学生3', 18, '女'); INSERT INTO `person` VALUES (3, '学生5', 20, '男'); INSERT INTO `person` VALUES (4, '学生6', 19, '女'); INSERT INTO `person` VALUES (6, '管理员', 22, '男'); INSERT INTO `person` VALUES (7, 'Rucoding', 18, '女');SET FOREIGN_KEY_CHECKS = 1;

在这里插入图片描述